<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>营养一室</title>
    <link th:href="@{/css/base.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/mask.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-1.11.1.min.js}"></script>


<body>

<div th:fragment="mask">
    <div id="mask_div">
        <div id="mask_box">
            <div id="mask">
                <ul>
                    <li><img th:src="@{/image/point.png}"/><span>可容纳人数：</span><span id="drMealNum"
                                                                                    style="color: #ffb217"></span></li>
                    <li><img th:src="@{/image/point.png}"/><span>当前剩余座位数：</span><span id="drFreeNum"
                                                                                      style="color: #3aff0f"></span>
                    </li>
                    <li><img th:src="@{/image/point.png}"/><span>推荐就餐时间：</span><span id="recommendedMealTime"
                                                                                     style="color: yellow"></span></li>
                </ul>
            </div>
        </div>
    </div>
</div>


?"><:Lp
    '.,;
</body>
</html>